export default {
  mode: ['pc', 'mobile-first'],
  apis: [
    {
      name: 'user-head',
      type: 'component',
      props: [
        {
          name: 'background-color',
          type: 'string',
          defaultValue: "'#d9d9d9'",
          desc: {
            'zh-CN': '背景色',
            'en-US': 'Background color'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'custom-background-color',
          mfDemo: ''
        },
        {
          name: 'color',
          type: 'string',
          defaultValue: "'#ffffff'",
          desc: {
            'zh-CN': '文字颜色',
            'en-US': 'Text color'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'color',
          mfDemo: ''
        },
        {
          name: 'message-total',
          type: 'number',
          defaultValue: '',
          desc: {
            'zh-CN': '消息计数',
            'en-US': 'Number of messages'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'message-count-total',
          mfDemo: ''
        },
        {
          name: 'message-type',
          type: 'string',
          defaultValue: "'details'",
          desc: {
            'zh-CN': '消息类型 details|basic 可选',
            'en-US': 'Message type details|basic is optional. The value of this attribute can be details or basic.'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'message-count-type',
          mfDemo: ''
        },
        {
          name: 'message-upper-limit',
          type: 'number',
          defaultValue: '0',
          desc: {
            'zh-CN': '消息显示上限',
            'en-US': 'Maximum number of displayed messages'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'message-count-limit',
          mfDemo: ''
        },
        {
          name: 'min',
          type: 'boolean',
          defaultValue: 'false',
          desc: {
            'zh-CN': '小尺寸模式',
            'en-US': 'Small size mode'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'min-user-head',
          mfDemo: ''
        },
        {
          name: 'modelValue',
          type: 'Component | string',
          defaultValue: '',
          desc: {
            'zh-CN': 'type=icon 时为图标组件，type=label时为字体串，type=image时为资源路径',
            'en-US':
              'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
          },
          mode: ['pc'],
          pcDemo: 'basic-usage'
        },
        {
          name: 'round',
          type: 'boolean',
          defaultValue: '',
          desc: {
            'zh-CN': '圆形模式',
            'en-US': 'Circular mode'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'round-user-head',
          mfDemo: ''
        },
        {
          name: 'size',
          type: 'number',
          defaultValue: '',
          desc: {
            'zh-CN': '<p>设置头像尺寸</p>',
            'en-US': 'display different button'
          },
          mode: ['mobile-first'],
          mfDemo: ''
        },
        {
          name: 'type',
          type: 'string',
          defaultValue: "'label'",
          desc: {
            'zh-CN': '头像类型，icon|image|label 可选',
            'en-US':
              'Avatar type. The options are icon, image, and label. ;The value of this attribute can be icon / image / label'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'image-user-head',
          mfDemo: ''
        },
        {
          name: 'value',
          type: 'string',
          defaultValue: '',
          desc: {
            'zh-CN': 'type=icon 时为图标组件，type=label时为字体串，type=image时为资源路径',
            'en-US':
              'If type is set to icon, it should be an icon component . If type is set to label, it indicates the font string. If type is set to image, it indicates the resource path'
          },
          mode: ['mobile-first'],
          mfDemo: ''
        }
      ],
      events: [],
      methods: [],
      slots: [
        {
          name: 'default',
          type: '',
          defaultValue: '',
          desc: {
            'zh-CN': '自定义图像内容',
            'en-US': 'Customized image content'
          },
          mode: ['pc', 'mobile-first'],
          pcDemo: 'custom-user-head-content',
          mfDemo: ''
        }
      ]
    }
  ]
}
